<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Time Space Map</title>

<!--[if IE 6]>
<style type="text/css">
	#maintab {
	position:relative;
	top: -3.75em;	
  }
</style>
<![endif]-->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/main.css" rel="stylesheet" type="text/css" />
</head>

<body id="home">
<div id="nav">
	<div class="nav_block">
    <ul>
      <li>Hello, <b>frank</b></li> <li><a href="#">Settings</a></li> | <li><a href="#">Signout</a></li>
    </ul>
  </div>
	<div class="nav_left" ><img src="images/nav-left.png" /></div>
</div>
<div class="clearfloat"></div>

<div id="heading" >
	<img  src="images/title.jpg" />	
</div>
<div id="content">
  <div id="tagline">
    An encyclopedic atlas of history and happenings that <a href="#">anyone can edit.</a></div>
  <div id="totals"> <a href="#"><b>124</b> events and counting...</a> </div>
  <div id="addbox">
  	<span class="biglink"><a href="#">Add to the Map...</a></span>
    <div>Add a Time Space Map event</div>
  </div>
  <div id="searchbox">
    <table>
      <col id="left"/>
      <col id="right"/>
      <tr>
        <td>Where <span class="eg">e.g., Gettysburg, PA</span></td>
        <td>When <span class="eg">e.g., 1962; Oct 14,1066; 1880-1886</span></td>
        <td>What <span class="eg">e.g., Battle</span></td>
        <td></td>
      </tr>
      <tr>
        <td><input type="text" size="22" /></td>
        <td><input type="text" size="35" /></td>
        <td><input type="text" size="22" /></td>
        <td><input type="submit" value="Search"/></td>
      </tr>
      <tr>
        <td><span class="options"><input type="checkbox"/> Search current map shown.</span></td>
        <td colspan="2">
        	<span class="options"><input type="checkbox"/> Find events that occurred only <em>within</em> the time frame specified.</span>
        </td>
        <td></td>
      </tr>
    </table>
  </div>
  <div id="tabbar">
  </div>
</div>
<div id="maintab">
	<span class="left">&nbsp;&nbsp;</span>
  <span class="selected" style="height: 20px;"><img src="images/invisible.gif" height="20" width="1"/>Home</span>
  <a class="unselected" href="#">Take A Tour</a>
  <a class="unselected" href="#">Guidelines</a>
</div>
<div id="main">
	<table>
    <col id="leftbar"/>
    <col id="rightbar"/>
    <tr>
    <td id="left" >
      <h1>An Atlas of History and Happenings</h1>
      <p>Time Space Map is an encyclopedic, online atlas of history and happenings that anyone can edit; a geographic wiki. You
      can search, add or edit, view or undo changes, discuss, watch, tag, or flag for removal.</p>
      <ul>
        <li><a href="#">Take a tour</a></li>
        <li><a href="#">Policies and guidelines</a></li>
        <li><a href="#">Why are we doing this</a></li>
      </ul>
      <h1>Recently Added</h1>
      <div class="recent" >
      </div>
      <div class="recent" >
      	<ul>
        	<li> 
            <a href="#">Construction on the Église St.-Etienne-du-Mont ends</a> <br/>
            1626 <br/>
            <em>Paris, France</em>
            <hr/>
          </li>
        	<li> 
            <a href="#"> Flight of Dirigible Norge transpolar crossing</a> <br/>
            May 11, 1926 - May 14, 1926, 07:30AM  <br/>
            <em>Spitsbergen, Norway to Teller, Alaska</em>
            <hr/>
          </li>
        	<li> 
            <a href="#"> Jean Louis Verger convicted of the murder of the Archbishop</a> <br/>
            January 17, 1857<br/>
            <em>Court of Assize, Paris, France</em>
            <hr/>
          </li>
        	<li> 
            <a href="#">Construction on the Église St.-Etienne-du-Mont ends</a> <br/>
            1626 <br/>
            <em>Paris, France</em>
            <hr/>
          </li>
        	<li> 
            <a href="#">Construction on the Église St.-Etienne-du-Mont ends</a> <br/>
            1626 <br/>
            <em>Paris, France</em>
            <hr/>
          </li>
        	<li> 
            <a href="#">Construction on the Église St.-Etienne-du-Mont ends</a> <br/>
            1626 <br/>
            <em>Paris, France</em>
            <hr/>
          </li>
        	<li> 
            <a href="#">Construction on the Église St.-Etienne-du-Mont ends</a> <br/>
            1626 <br/>
            <em>Paris, France</em>
            <hr/>
          </li>
        	<li> 
            <a href="#">More recently added ...</a> <br/>
          </li>
				</ul>        
      </div>
      <div style="width:400px"></div>
    </td>
    <td id="right" >
	    <div id="spotlightbox">
        <img src="images/spotlight.png" />
        <p><a class="links" href='${basePath}search/eventsearch.htm?_what="new york draft riots"&_bounded=false'>
          Civil War, 1863 New York Draft Riots (9 events)</a></p>    
        <div id="borderbox">
          <iframe id="embeddedmap" 
          	src='http://www.timespacemap.com/search/embeddedsearch.htm?_what="new york draft riots"&_fit=true'
            height="380" width="500" frameborder="0" scrolling="no">
           	This browser doesn't support embedding a map.
          </iframe>
        </div> 
      </div>
    </td>
    </tr>
  </table>
</div>

<span class="footer"></span>
</body>
</html>
